
{block content}

<h1>Kontaktujte nás pomocí formuláře</h1>
<hr>
<div class="contactForm">
    <p>Pokud máte dotaz, nebo si chcete rezervovat návštěvu vyplňte prosím následující formulář. Obratem Vás budeme kontaktovat.</p>

    {*{form contactForm}
	{foreach $form->controls as $name => $field }
	    {input $name}
	{/foreach}
    {/form}*}
    {control contactForm}

</div>
<br />
<h1>Navštivte nás osobně</h1>
<hr>
<div class="contactContainer">
    <div id="map" ></div>
    <h2>2Perfection</h2>
    <p>Dolnokrčská 9/5</p>
    <p>140 00 Praha 4 – Krč</p>
    <br />
    <div class="phone" >
	<img src="{$basePath}/images/icon_telefon.png"> 
	<p>&nbsp;&nbsp;&nbsp;+420 226 251 202</p>
    </div>
    <div class="mobile" >
	<img src="{$basePath}/images/icon_mobil.png"> 
	<p>&nbsp;&nbsp;&nbsp;&nbsp;+420 773 243 600</p>
    </div>
    <p>IČ: 24667285</p>
</div>

<p>zastávka „Dolnokrčská“ autobus  č .192 (z Budějovické od Reifaissen banky)</p> 
<p>autem z jižní spojky sjezd na Krč </p>

<script>
var center = SMap.Coords.fromWGS84(14.4420811, 50.0357089);
var m = new SMap(JAK.gel("map"), center, 15);
m.addDefaultLayer(SMap.DEF_BASE).enable();
m.addDefaultControls();

//vrstva pro zancku
var layer = new SMap.Layer.Marker();
m.addLayer(layer);
layer.enable();

//nastaveni karty
var card = new SMap.Card();
card.setSize(238, 172); /* Šířka, výška */
card.getHeader().innerHTML = "<strong>2Perfection</strong>";
card.getBody().innerHTML = "Dolnokrčská 9/5<br /> 140 00 Praha 4 – Krč";

var options = { 
    title: "2Perfection"
};
var marker = new SMap.Marker(center, "myMarker", options);
marker.decorate(SMap.Marker.Feature.Card, card);
layer.addMarker(marker);

</script>
